<template>
  <div>
    <div class="title_close">
      <!-- 订单类型 -->
      <div class="title">{{$t('table.current_commission.56hzkqf0bt80')}}</div>
      <img src="@/assets/img/icon_gb1.png" class="close" @click="hide" />
    </div>
    <div class="tip_item" v-for="(item, index) of list" :key="index">
      <div class="tip_title">
        {{item.title}}
      </div>
      <div class="tip_content" v-html="item.content"></div>
    </div>
  </div>
</template>

<script>
import {get_explain} from '@/assets/js/API/info.js';
export default {
  data() {
    return {
      list: []
    }
  },
  mounted() {
    this.getTip();
  },
  methods: {
    hide() {
      this.$emit("hideTip")
    },
    async getTip() {
      const res = await get_explain({
          type : 3
        });
      if(res.code != 1) return this.$message.error(res.msg);
      this.list = res.data.list;
    }
  },
}
</script>

<style lang="less">
.tip_item{
  margin-top: 16px;
  .tip_title {
    color: @fff;
    font-size: 14px;
  }
  .tip_content {
    color: @fbSix;
    font-size: 12px;
    white-space: pre-wrap;
  }
}
</style>